@charset "UTF-8";

/* ========== 联系我们 start ========== */
.contactUsBox {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/contactUsBg.jpg');
}

.contactUs {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 30px 60px 60px;
	background-color: #fff;
	border-radius: 20px;
}

#mapContainer {
	width: 100%;
	height: 500px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 15px;
	overflow: hidden;
	background-color: #f6fbff;
	-webkit-box-shadow: 0px 3px 3.92px 0.08px rgba(35, 24, 21, 0.05);
	box-shadow: 0px 3px 3.92px 0.08px rgba(35, 24, 21, 0.05);
}

#mapContainer .amap-icon img {
	width: 25px;
}

.contactUsTitle {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 44px;
	line-height: 52px;
}

.contactUsList {
	overflow: hidden;
	margin-bottom: 32px;
}

.contactUsList dd {
	float: left;
	display: inline-block;
	width: 25%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.contactUsList dd:before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	height: 80px;
	background: #f0f0f0;
	top: 50%;
	width: 1px;
	transform: translateY(-50%);
}

.contactUsList dd:last-child:before {
	display: none;
}

.contactUsList dd .icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto;
	background-color: #f5f5f5;
}

.contactUsList dd .icon.address {
	background: #f5f5f5 url("../images/contentUs/address.png")no-repeat center center;
}

.contactUsList dd .icon.phone {
	background: #f5f5f5 url("../images/contentUs/phone.png")no-repeat center center;
}

.contactUsList dd .icon.fax {
	background: #f5f5f5 url("../images/contentUs/fax.png")no-repeat center center;
}

.contactUsList dd .icon.email {
	background: #f5f5f5 url("../images/contentUs/email.png")no-repeat center center;
}

.contactUsList dd .text1 {
	font-size: 22px;
	color: #333333;
	line-height: 60px;
}

.contactUsList dd .text2 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.contactUsList dd .text3 {
	font-size: 24px;
	color: #666666;
	line-height: 30px;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}

.contactUsList2 {
	overflow: hidden;
	margin-right: -20px;

}

.contactUsList2 dd {
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 20px;
}

.contactUsList2 dd .con {
	display: block;
	background: #f5f5f5;
	padding: 30px 30px;
	margin-right: 20px;
	border-radius: 15px;
}

.contactUsList2 dd .title {
	color: #000000;
	font-size: 18px;
	margin-bottom: 17px;
}

.contactUsList2 dd .text {
	color: #333333;
	font-size: 14px;
	margin-bottom: 10px;
}

/* ========== 联系我们 end ========== */
/* ========== 磷都业务 start ========== */
.businessBox {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/businessBg.jpg');
}

.businessInfo {
	overflow: hidden;
}

.businessInfo .textBox {
	float: right;
	display: inline;
	width: 310px;
	margin-left: 30px;
	padding-top: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.businessInfo .text1 {
	text-align: right;
	position: relative;
	line-height: 60px;
	min-height: 60px;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	padding-right: 20px;
}

.businessInfo .text1::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 2px;
	background-image: url('../images/line2.png');
}

.businessInfo .text2 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: right;
	line-height: 60px;
	min-height: 60px;
	margin-bottom: 20px;
	padding-right: 20px;
}

.businessInfo .text3 {
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	max-height: 532px;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 10px;
}

.businessInfo ::-webkit-scrollbar,
.businessInfo ::-webkit-scrollbar-thumb {
	width: 4px;
}

.businessInfo ::-webkit-scrollbar-thumb {
	border-radius: 4px;
}

.businessInfo .text3 span {
	color: #0081d5;
}

.businessInfo .line {
	height: 23px;
	border-bottom: 1px solid rgba(153, 153, 153, .15);
}

.businessInfo .textList {
	padding-top: 26px;
	overflow: hidden;
	margin-bottom: -20px;
}

.businessInfo .textList .item {
	position: relative;
	padding-left: 26px;
	font-size: 18px;
	color: #999999;
	line-height: 26px;
	margin-bottom: 20px;
}

.businessInfo .textList .item::before {
	display: block;
	content: '';
	width: 3px;
	height: 3px;
	background-color: #999999;
	position: absolute;
	left: 9px;
	top: 11px;
	z-index: 1;
}

.businessInfo .pic {
	overflow: hidden;
	border-radius: 20px;
}

.businessInfo .pic .icon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80px;
	background-image: url('../../common/images/playIcon1.png');
	cursor: pointer;
	display: none;
}

.businessTitle {
	font-size: 30px;
	color: #0081d5;
	text-align: center;
	line-height: 50px;
}

.businessSlick .bd {
	margin: 0 -30px;
}

.businessSlick .slickDots4 li.slick-active {
	border-color: #0081d5;
}

.businessSlick .con {
	overflow: hidden;
	margin: 0 30px;
}

.businessSlick .pic {
	border-radius: 20px;
	overflow: hidden;
}

.businessSlick .title {
	font-size: 0;
	text-align: center;
}

.businessSlick .title a {
	display: inline-block;
	vertical-align: middle;
	height: 56px;
	line-height: 56px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.businessSlick .con:hover .title a {
	color: #0081d5;
}

/* ========== 磷都业务 end ========== */
/* ========== 磷都文化 start ========== */
.cultureBox {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/cultureBg.jpg');
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px;
}

.cultureList {
	overflow: hidden;
}

.cultureList dd {
	float: left;
	display: inline;
	width: 50%;
	overflow: hidden;
	position: relative;
}

.cultureList dd.dd2 {
	border-radius: 20px 20px 0 0;
}

.cultureList dd.dd3 {
	border-radius: 20px 0 0 0;
}

.cultureList dd.dd6 {
	border-radius: 0 0 20px 0;
}

.cultureList .pic {
	width: 50%;
}

.cultureList .pic::before {
	padding-top: 100%;
}

.cultureList .textC {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 30px;
}

.cultureList .textC .titleEn {
	font-size: 30px;
	color: #333333;
	line-height: 50px;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}

.cultureList .textC .titleCn {
	font-size: 36px;
	color: #333333;
	line-height: 60px;
}

.cultureList .textBox {
	width: 50%;
	height: 100%;
	position: absolute;
	background-color: #f5f6f8;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 28px 20px 30px;
}

.cultureList dd.dd2 .textBox,
.cultureList dd.dd5 .textBox,
.cultureList dd.dd6 .textBox {
	left: unset;
	right: 0;
}

.cultureList dd.dd3 .textBox {
	background-color: #0078e7;
}

.cultureList dd.dd4 .textBox {
	background-color: #d63032;
}

.cultureList dd.dd5 .textBox {
	background-color: #8d8b51;
}

.cultureList dd.dd6 .textBox {
	background-color: #00a048;
}

.cultureList .textHeader {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 34px;
	padding-right: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cultureList dd.dd2 .textHeader {
	background-image: url('../../common/images/cultureIcon1.png');
}

.cultureList dd.dd3 .textHeader {
	background-size: auto 33px;
	background-image: url('../../common/images/cultureIcon2.png');
}

.cultureList dd.dd4 .textHeader {
	background-image: url('../../common/images/cultureIcon3.png');
}

.cultureList dd.dd5 .textHeader {
	background-size: auto 36px;
	background-image: url('../../common/images/cultureIcon4.png');
}

.cultureList dd.dd6 .textHeader {
	background-size: auto 37px;
	background-image: url('../../common/images/cultureIcon5.png');
}

.cultureList .textHeader .titleEn {
	font-size: 30px;
	color: #ffffff;
	line-height: 44px;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}

.cultureList .textHeader .titleCn {
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
}

.cultureList .textFooter {
	position: absolute;
	left: 0;
	bottom: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 22px;
	color: #ffffff;
	padding: 0 20px;
}

.cultureList dd.dd2 .titleEn,
.cultureList dd.dd2 .titleCn,
.cultureList dd.dd2 .textFooter {
	color: #333333;
}

/* ========== 磷都文化 end ========== */
/* ========== 公司简介 start ========== */
.introBox {
	position: relative;
	overflow: hidden;
	background-color: #f2f5f8;
	padding: 0 0 60px;
}

.introCloumn1 {
	padding: 94px 0 0;
	margin-bottom: 65px;
}

.introCloumn1 .wrap,
.introCloumn2 .wrap {
	position: relative;
	padding-bottom: 26px;
}

.introCloumn1Block {
	display: block;
	background-color: #0081d5;
	position: absolute;
	width: 60px;
	height: 140px;
	bottom: 0;
	right: 0;
}

.introCloumn1L {
	float: left;
	display: inline;
	width: 45.1389%;
	overflow: hidden;
	margin: 0 50px 0 0;
	position: relative;
	z-index: 2;
}

.introCloumn1R {
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin: 0 30px 0 0;
}

.introCloumn2 .introCloumn1L {
	float: right;
	margin: 0 0 0 50px;
}

.introCloumn2 .introCloumn1R {
	margin: 0 0 0 30px;
}

.introCloumn2 .introCloumn1Block {
	right: unset;
	left: 0;
}

.introCloumn1Logo {
	padding: 7px 0 34px;
}

.introCloumn1Logo img {
	height: 58px;
}

.introCloumn1Text {
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 20px;
}

.introCloumn1Text::-webkit-scrollbar,
.introCloumn1Text::-webkit-scrollbar-thumb {
	width: 4px;
}

.introCloumn1Text::-webkit-scrollbar-thumb {
	border-radius: 4px;
}

.introCloumn1 .introCloumn1Text {
	max-height: 336px;
}

.introCloumn2 {
	position: relative;
	overflow: hidden;
}

.introCloumn2 .textBox {
	padding: 109px 0 83px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30.25%;
}

.introCloumn2 .introCloumn1Text {
	float: right;
	display: inline;
	max-height: 420px;
}

.introCloumnImg {
	width: 31.25%;
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 5;
}

.introCloumnImg .pic::before {
	padding-top: 133.3333%;
}

.introCloumnImg::before {
	display: block;
	content: '';
	background-image: -moz-linear-gradient(-135deg, rgb(198, 168, 130) 0%, rgb(216, 145, 51) 100%);
	background-image: -webkit-linear-gradient(-135deg, rgb(198, 168, 130) 0%, rgb(216, 145, 51) 100%);
	background-image: -ms-linear-gradient(-135deg, rgb(198, 168, 130) 0%, rgb(216, 145, 51) 100%);
	opacity: 0.6;
	position: absolute;
	width: 65px;
	height: 65px;
	top: -65px;
	right: -65px;
}

.introCloumn2ContentBg {
	width: 81.7708%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/introCloumnContentBg.jpg');
	height: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.introCloumn2ContentBg.introCloumn2ContentBgCol {
	width: 100%;
	position: relative;
	height: auto;
}

.introCloumn2ContentList {
	width: 70.4861%;
	height: 300px;
	float: right;
	display: inline;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 35px 0 26px;
}

.introCloumn2ContentList dd {
	float: left;
	display: inline;
	width: 33.3333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 12px;
}

.introCloumn2ContentList dd:nth-child(4),
.introCloumn2ContentList dd:nth-child(5),
.introCloumn2ContentList dd:nth-child(6),
.introCloumn2ContentList dd.dd4,
.introCloumn2ContentList dd.dd5,
.introCloumn2ContentList dd.dd6 {
	padding-left: 17.3267%;
}

.introCloumn2ContentList .text1 {
	font-size: 0;
}

.introCloumn2ContentList .text1 span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #ffffff;
	overflow: hidden;
	height: 65px;
	line-height: 83px;
}

.introCloumn2ContentList .text1 span.span1 {
	font-size: 48px;
	font-family: 'Impact';
	margin-right: 10px;
	line-height: 65px;
	position: relative;
}

.introCloumn2ContentList .text1 span.jia::after {
	content: '+';
	font-size: 30px;
	display: inline-block;
	vertical-align: top;
	margin-top: -18px;
	margin-left: 5px;
}

.introCloumn2ContentList .text2 {
	font-size: 18px;
	color: #ffffff;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
}

.introCloumn2ContentBgCol .introCloumn2ContentList {
	width: 100%;
	float: unset;
	display: block;
	height: auto;
}

.introCloumn2ContentBgCol .introCloumn2ContentList dd {
	width: 14.2857%;
	padding-left: 0;
	text-align: center;
}

/* ========== 公司简介 end ========== */
/* ========== 荣誉资质 start ========== */
.honorBox {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/honorBg3.jpg');
}

.honorSlick {
	height: 860px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 6px 0 0;
	position: relative;
}

.honorSlick .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 60px;
}

.honorSlick .slick-dots li {
	width: 60px;
	height: 4px;
	background-color: rgba(0, 129, 213, .3);
}

.honorSlick .slick-dots li.slick-active {
	background-color: #0081d5;
}

.honorSlick .bd {
	overflow: hidden;
	margin: 0 -15px;
	position: unset;
}

.honorSlick .myslide {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 104px;
}

.honorSlick .slickCon {
	display: block;
	margin: 0 15px;
	cursor: pointer;
}

.honorSlick .pic {
	margin-bottom: 25px;
}

.honorSlick .pic::before {
	padding-top: 83.3333%;
}

.honorSlick .pic img {
	width: unset;
	height: unset;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	top: unset;
	bottom: 0;
	right: 0;
	margin: auto;
	border: 5px solid #f2f8ff;
}

.honorSlick .picBox {
	width: 240px;
	height: 200px;
	position: relative;
	margin: 0 auto 25px;
	text-align: center;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

.honorSlick .picBox img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: 5px solid #f2f8ff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.honorSlick .title {
	font-size: 18px;
	color: #333333;
	text-align: center;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

/* ========== 荣誉资质 end ========== */
/* ========== 走进磷都 start ========== */
.aboutUsTitle {
	font-size: 0;
	overflow: hidden;
}

.aboutUsTitle a {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 30px 2px;
	background-image: url('../images/line2.png');
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	font-size: 24px;
	color: #181818;
}

.aboutUsMore {
	font-size: 0;
}

.aboutUsMore a {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 15px 8px 20px;
	border: 1px solid rgba(11, 101, 177, .3);
	border-radius: 23px;
	-webkit-transition: .3s linear;
	transition: .3s linear;
	font-size: 16px;
	color: #999999;
}

.aboutUsMore span {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.aboutUsMore span.icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #0081d5;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 13px;
	background-image: url('../images/arrowR8.png');
	margin-left: 6px;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

.aboutUsMore.style2 a {
	border: 0;
	background-color: rgba(11, 101, 177, .3);
	color: #fff;
}

.aboutUsMore.style2 span.icon {
	background-color: #fff !important;
	background-image: url('../images/arrowR5.png');
}

.aboutUsMore a:hover {
	border-color: #0081d5;
	background-color: #0081d5;
	color: #fff;
}

.aboutUsMore a:hover span.icon {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

/* 公司简介 */
.aboutUsIntro {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/aboutUsIntroBg.jpg');
	padding: 63px 0 74px;
}

.aboutUsIntroImg {
	float: left;
	display: inline;
	width: 740px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/aboutUsIntroImg.jpg');
	border-radius: 120px 0 120px 0;
	overflow: hidden;
	padding: 10px;
	margin-top: 11px;
	margin-right: 30px;
}

.aboutUsIntroImg .pic {
	border-radius: 120px 0 120px 0;
	overflow: hidden;
}

.aboutUsIntroCon {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.aboutUsIntroCon .aboutUsTitle {
	margin-bottom: 23px;
}

.aboutUsIntroText {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 33px;
}

.aboutUsIntroCon .aboutUsMore {
	margin-bottom: 64px;
}

.aboutUsIntroList {
	overflow: hidden;
	margin-right: -74px;
}

.aboutUsIntroList dd {
	float: left;
	display: inline;
	width: 33.3333%;
}

.aboutUsIntroList .con {
	overflow: hidden;
	margin-right: 74px;
}

.aboutUsIntroList .number {
	font-size: 0;
	height: 52px;
	line-height: 52px;
}

.aboutUsIntroList .number span {
	display: inline-block;
	vertical-align: middle;
	font-size: 48px;
	color: #0081d5;
}

.aboutUsIntroList .number span.jia::after {
	content: '+';
	font-size: 30px;
	display: inline-block;
	vertical-align: top;
	margin-top: -18px;
	margin-left: 5px;
}

.aboutUsIntroList .number span.span2 {
	font-size: 15px;
	margin-left: 4px;
	position: relative;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.aboutUsIntroList .text {
	font-size: 14px;
	color: #999999;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}

/* 企业荣誉 */
.aboutUsHonor {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/aboutUsHonorBg.jpg');
	padding: 48px 0 65px;
}

.aboutUsHonor .aboutUsTitle {
	margin-bottom: 21px;
}

.aboutUsHonorCon {
	border-radius: 20px;
	overflow: hidden;
	background-color: #e1e6ea;
	height: 700px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/aboutUsHonorConBg.jpg');
}

.aboutUsHonorSlick .slick-slide>div,
.aboutUsHonorSlick .bd,
.aboutUsHonorSlick {
	height: 100%;
	position: relative;
}

.aboutUsHonorSlick .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 33px;
}

.aboutUsHonorSlick .slick-dots li {
	width: 12px;
	height: 12px;
	background-color: #f3faff;
	border-radius: 50%;
	margin: 0 9px;
}

.aboutUsHonorSlick .slick-dots li.slick-active {
	background-color: #0081d5;
}

.aboutUsHonorSlick .myslide {
	position: absolute;
	-webkit-transition: .3s linear;
	transition: .3s linear;
	left: 40.4861%;
	bottom: 48.1429%;
}

.aboutUsHonorSlick .myslide3,
.aboutUsHonorSlick .myslide1 {
	bottom: 440px;
	bottom: 62.8571%;
}

.aboutUsHonorSlick .myslide4,
.aboutUsHonorSlick .myslide1 {
	left: 11.3889%;
}

.aboutUsHonorSlick .myslide5,
.aboutUsHonorSlick .myslide3 {
	left: 69.4444%;
}

.aboutUsHonorSlick .myslide5,
.aboutUsHonorSlick .myslide4 {
	bottom: 17%;
}

.aboutUsHonorSlick .con {
	width: 240px;
	width: 83.3333%;
}

.aboutUsHonorSlick .title {
	text-align: center;
	font-size: 18px;
	color: #333333;
	height: 57px;
	line-height: 57px;
	overflow: hidden;
}

.aboutUsHonorSlick .pic::before {
	padding-top: 58.3333%;
}

.aboutUsHonorSlick .pic img {
	width: unset;
	height: unset;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: 5px solid #f2f8ff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}

/* 发展历程 */
.aboutUsEvent {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/aboutUsEventBg2.jpg');
	padding: 50px 0 85px;
}

.aboutUsEvent .aboutUsTitle {
	margin-bottom: 40px;
}

.aboutUsEventListBox {
	overflow: hidden;
}

.aboutUsEventListBox::-webkit-scrollbar,
.aboutUsEventListBox::-webkit-scrollbar-thumb {
	width: 2px;
}

.aboutUsEventListBox::-webkit-scrollbar-thumb {
	background: #0081d5;
	border-radius: 2px;
}

.aboutUsEventListBox::-webkit-scrollbar:horizontal {
	height: 2px;
}

.aboutUsEventList {
	position: relative;
	font-size: 0;
	overflow: hidden;
}

.aboutUsEventList::before {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(102, 102, 102, .3);
	position: absolute;
	left: 0;
	top: 53px;
}

.aboutUsEventList dd {
	border-left: 1px solid rgba(102, 102, 102, .3);
	display: inline-block;
	vertical-align: middle;
}

.aboutUsEventList .conTop {
	height: 54px;
	line-height: 54px;
	overflow: hidden;
	position: relative;
	padding: 0 17px;
}

.aboutUsEventList .conTop span {
	display: block;
	float: left;
	padding: 0 16px;
	margin-right: 17px;
	font-size: 16px;
	color: #999999;
}

.aboutUsEventList .bottom {
	position: relative;
	min-height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 17px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.aboutUsEventList dd.hover .bottom {
	background-image: url('../images/aboutUsEventListBg.png');
}

.aboutUsEventTab {
	float: left;
	display: inline;
	margin-right: 17px;
	cursor: pointer;
}

.aboutUsEventTab span {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 16px;
	border-radius: 15px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.aboutUsEventTab.hover span {
	background-color: #0081d5;
	color: #fff;
}

.aboutUsEventCon {
	padding: 48px 0 0;
	overflow: hidden;
}

.aboutUsEventLeft {
	float: left;
	display: inline;
	transform-style: preserve-3d;
	transition-property: transform;
	perspective: 600px;
	position: relative;
	margin-right: 5%;
}

.aboutUsEventCon .picBox {
	width: 618px;
	padding-left: 40px;
	margin-left: -4%;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e5e6e8;
	/* -webkit-transform: translateZ(-101.4213px) rotateY(10deg) scaleY(1.1) scaleX(1);
	transform: translateZ(-101.4213px) rotateY(10deg) scaleY(1.1) scaleX(1); */
	-webkit-transition: all .5s;
	transition: all .5s;
}

.aboutUsEventCon .aboutUsEventLeft:hover .picBox {
	-webkit-transform: translateZ(0) rotateY(0) scaleY(1) scaleX(1);
	transform: translateZ(0) rotateY(0) scaleY(1) scaleX(1);
	margin-left: 0;
	padding-left: 0;
}

.aboutUsEventCon .pic {
	border-radius: 20px;
	overflow: hidden;
}

.aboutUsEventCon .year {
	font-size: 110px;
	color: #0081d5;
	font-weight: bold;
	font-family: "Arial";
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 5;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateX(28%);
	transform: translateX(28%);
	display: none;
}

.aboutUsEventCon .aboutUsEventLeft:hover .year {
	-webkit-transform: translateX(63%);
	transform: translateX(63%);
}

.aboutUsEventRight {
	overflow: hidden;
	padding: 80px 0 0;
}

.aboutUsEventText {
	font-size: 18px;
	color: #666666;
	overflow: hidden;
	overflow-y: auto;
	line-height: 28px;
	min-height: 112px;
	max-height: 168px;
	margin-bottom: 35px;
}

.aboutUsEventText img {
	max-width: 100%;
	object-fit: contain;
}

/* 企业文化 */
.aboutUsCulture {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/aboutUsCultureBg.jpg');
	padding: 48px 0;
}

.aboutUsCulture .aboutUsTitle {
	margin-bottom: 50px;
}

.aboutUsCultureSlick .bd {
	padding-bottom: 35px;
}

.aboutUsCultureSlick .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.aboutUsCultureSlick .slick-dots li {
	width: 12px;
	height: 12px;
	background-color: #f3faff;
	border-radius: 50%;
	margin: 0 9px;
}

.aboutUsCultureSlick .slick-dots li.slick-active {
	background-color: #0081d5;
}

.aboutUsCultureSlick .bd {
	overflow: hidden;
	margin: 0 -33px;
}

.aboutUsCultureSlick .slickCon {
	display: block;
	margin: 0 33px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 14px 32px;
}

.aboutUsCultureSlick .icon {
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80px;
	margin-bottom: 22px;
}

.aboutUsCultureSlick .title {
	font-size: 24px;
	color: #1a1718;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}

.aboutUsCultureSlick .textBox {
	font-size: 16px;
	color: #0081d5;
	text-align: center;
	height: 128px;
	line-height: 128px;
	overflow: hidden;
	position: relative;
}

.aboutUsCultureSlick .text {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
}

.aboutUsCultureSlick .slickCon:hover .icon {
	-webkit-animation: rotY 1s linear;
	animation: rotY 1s linear;
}

@-webkit-keyframes rotY {
	0% {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@keyframes rotY {
	0% {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

/* ========== 走进磷都 end ========== */
/* ========== 发展历程 start ========== */
.develop {
	box-sizing: border-box;
	background: url(../images/developBg.jpg) no-repeat center center;
	background-size: cover;
	padding: 127px 70px 96px 106px;
}

.developTop {
	overflow: hidden;
	margin-bottom: 27px;
}

.developRight {
	width: 640px;
	float: right;
	display: inline;
	border-radius: 10px;
	background: rgba(0, 123, 205, 10%);
	margin: 23px 10px 0 55px;
}

.developRight .pic {
	border-radius: 10px;
	overflow: hidden;
	top: 10px;
	left: 10px;
}

.developRight .pic::before {
	padding-top: 60.9375%;
}

.developLeft {
	overflow: hidden;
}

.developTitle {
	line-height: 48px;
	font-size: 30px;
	color: #333333;
	font-family: 'Alibaba PuHuiTi 2.0 55';
	text-transform: uppercase;
}

.developTitle1 {
	line-height: 60px;
	font-size: 36px;
	color: #333333;
	margin-bottom: 24px;
}

.developTop .developTitle1 {
	margin-bottom: 70px;
}

.developTextC .number {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	font-size: 60px;
	font-weight: bold;
	color: #0081d5;
	margin-bottom: 14px;
}

.developTextC .title {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
}

.developTextC .textC {
	line-height: 30px;
	font-size: 16px;
	color: #999999;
	height: 90px;
	text-align: justify;
	overflow: hidden;
}

.developmentArrow {
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
	float: right;
	display: inline;
}

.developmentArrow .slick-arrow {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 27px;
	background-color: rgba(0, 123, 205, .15);
}

.developmentArrow .slick-arrow::before {
	display: none;
}

.developmentArrow .slick-arrow:hover {
	background-color: #0081d5;
}

.developmentArrow .slick-prev {
	background-image: url('../images/arrowL4.png');
}

.developmentArrow .slick-next {
	background-image: url('../images/arrowR8.png');
}

.developmentSlick {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.developmentSlick .bd {
	overflow: hidden;
	margin-right: -48px;
	border-bottom: 1px solid rgba(153, 153, 153, .15);
}

.developmentSlick .bd::before {
	display: block;
	content: '';
	width: 126px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/maskBg.png');
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}

.developmentSlick .slickCon {
	display: block;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	font-size: 32px;
	color: #333333;
	font-family: 'Alibaba PuHuiTi 2.0 55';
	text-align: left;
	position: relative;
	margin-right: 48px;
	cursor: pointer;
}

.developmentSlick .slick-current .slickCon {
	border-bottom: 1px solid #0081d5;
}

/* ========== 发展历程 end ========== */
/* ========== 人才理念 start ========== */
.recruitTitle {
	font-size: 0;
	text-align: center;
}

.recruitTitle span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 23px;
	font-size: 36px;
	color: #333333;
	line-height: 56px;
}

.recruitCloumn1 {
	background-color: #f7f7f7;
	overflow: hidden;
	position: relative;
	padding: 42px 0;
}

.recruitCloumn1List {
	overflow: hidden;
	font-size: 0;
	text-align-last: justify;
	text-align: justify;
	text-justify: distribute-all-lines;
}

.recruitCloumn1List dd {
	display: inline-block;
	vertical-align: middle;
}

.recruitCloumn1List dd .con {
	text-align: left;
	text-align-last: auto;
	text-justify: auto;
}

.recruitCloumn1List .text {
	font-size: 18px;
	color: #333333;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	margin-bottom: 20px;
}

.recruitCloumn1List .number {
	font-size: 0;
}

.recruitCloumn1List .number span {
	display: inline-block;
	vertical-align: middle;
	color: #0081d5;
	font-size: 24px;
	font-family: 'Alibaba PuHuiTi 2.0 85';
	height: 80px;
	line-height: 80px;
	overflow: hidden;
}

.recruitCloumn1List .number .span1 {
	font-size: 82px;
}

.recruitCloumn1List .number .span2 {
	font-size: 36px;
	font-family: 'Alibaba PuHuiTi 2.0 45';
	-webkit-transform: translateY(-22px);
	transform: translateY(-22px);
}

.recruitCloumn1List .number .span3 {
	-webkit-transform: translateY(22px);
	transform: translateY(22px);
}

.recruitCloumn2 {
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding: 88px 0 42px;
}

.recruitCloumn2Img .pic::before {
	padding-top: 29.1667%;
}

.recruitCloumn2Con {
	border-bottom: 1px solid rgba(153, 153, 153, .15);
	font-size: 16px;
	color: #999999;
	padding: 32px 0;
}

.recruitCloumn2Con .title {
	font-size: 22px;
	color: #333333;
	line-height: 40px;
	margin-bottom: 14px;
}

.recruitCloumn2List {
	overflow: hidden;
	padding: 30px 0 10px;
	margin: 0 -30px;
}

.recruitCloumn2List dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 20px;
}

.recruitCloumn2List dd .con {
	position: relative;
	overflow: hidden;
	padding-left: 18px;
	line-height: 38px;
	font-size: 18px;
	color: #333333;
	margin: 0 30px;
}

.recruitCloumn2List dd .con::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #c20911;
	position: absolute;
	left: 0;
	top: 14px;
	z-index: 1;
}

.recruitCloumn3 {
	background-color: #f6f7f9;
	overflow: hidden;
	position: relative;
	padding: 70px 0 80px;
}

.recruitCloumn3 .recruitTitle {
	margin-bottom: 46px;
}

.recruitCloumn3List {
	overflow: hidden;
	position: relative;
	min-height: 345px;
}

.recruitCloumn3Slick {
	position: relative;
	width: 45.8333%;
	margin: 0 auto;
}

.recruitCloumn3Slick1 {
	position: absolute;
	left: 0;
	z-index: 5;
	-webkit-transform: translateX(-61.3636%);
	transform: translateX(-61.3636%);
}

.recruitCloumn3Slick2 {
	position: absolute;
	right: 0;
	z-index: 5;
	-webkit-transform: translateX(61.3636%);
	transform: translateX(61.3636%);
}

.recruitCloumn3Slick .slick-arrow {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 1px solid rgba(0, 113, 252, .3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
}

.recruitCloumn3Slick .slick-arrow:hover {
	border: 1px solid #0081d5;
	background-color: #0081d5;
}

.recruitCloumn3Slick .slick-arrow::before {
	display: none;
}

.recruitCloumn3Slick .slick-next {
	right: -12.5%;
	background-image: url('../images/arrowR5.png');
}

.recruitCloumn3Slick .slick-next:hover {
	background-image: url('../images/arrowR8.png') !important;
}

.recruitCloumn3Slick .slick-prev {
	left: -12.5%;
	background-image: url('../images/arrowL2.png');
}

.recruitCloumn3Slick .slick-prev:hover {
	background-image: url('../images/arrowL4.png') !important;
}

.recruitCloumn3Slick .bd {
	border-radius: 10px;
	position: unset;
}

.recruitCloumn3Slick .pic::before {
	padding-top: 56.25%;
}

.recruitCloumn3Slick .textBox {
	width: 100%;
	height: 130px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left bottom;
	background-image: url('../images/textMask.png');
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px 30px 30px;
}

.recruitCloumn3Slick2 .textBox,
.recruitCloumn3Slick1 .textBox {
	display: none;
}

.recruitCloumn3Slick .textBox .title {
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
}

.recruitCloumn4 {
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding: 70px 0 80px;
}

.recruitCloumn4 .recruitTitle {
	margin-bottom: 40px;
}

.recruitCloumn4Img {
	text-align: center;
}

.recruitCloumn4Img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	object-fit: contain;
}

/* ========== 人才理念 end ========== */
/* ========== 首页indexBanner start ========== */
.indexBanner {
	position: relative;
	overflow: hidden;
}

.indexBanner .indexBannerBottom {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.indexBanner .wrap {
	position: relative;
}

.indexBanner .bannerScroll {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 100px;
	z-index: 5;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	text-align: justifyLeft;
	font-family: 'Alibaba PuHuiTi 2.0 45';
	padding-left: 29px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 30px;
	background-image: url('../images/scrollBtn.png');
	opacity: .5;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

.indexBanner .bannerScroll:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.indexBanner .bannerArrowBox {
	position: absolute;
	right: 0;
	bottom: 86px;
	z-index: 5;
	font-size: 0;
}

.indexBanner .slick-arrow {
	position: unset;
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .35);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 12px;
}

.indexBanner .slick-prev {
	background-image: url('../images/arrowL4.png');
}

.indexBanner .slick-next {
	background-image: url('../images/arrowR8.png');
}

.indexBanner .slick-arrow::before {
	display: none;
}

.indexBanner .slick-arrow:hover {
	background-color: #0081d5;
}

.indexBanner .pic {
	position: relative;
}

.indexBanner .myslide {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.indexBanner .myslide a {
	display: block;
	width: 100%;
	height: 100%;
}

.indexBanner .pic::before {
	display: block;
	content: '';
	padding-top: 51.0417%;
}

.indexBanner .picBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.indexBanner .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center center;
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.indexBanner .slick-active .pic img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* ========== 首页indexBanner end ========== */
/* ========== 首页 start ========== */
.indexTitle .title1,
.indexTitle .title2 {
	font-size: 0;
	position: relative;
}

.indexTitle .title1 span,
.indexTitle .title2 span {
	display: inline-block;
	vertical-align: middle;
}

.indexTitle .title1 span {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	height: 55px;
	line-height: 55px;
	position: relative;
	z-index: 5;
}

.indexTitle .title1 span:before {
	display: block;
	content: '';
	width: 105px;
	height: 75px;
	background-repeat: no-repeat;
	background-size: auto 75px;
	background-position: left top;
	background-image: url('../images/titleBg.png');
	position: absolute;
	left: -20px;
	top: -4px;
}

.indexTitle .title2 span {
	font-size: 24px;
	color: #0081d5;
	opacity: .1;
	font-weight: bold;
	text-transform: uppercase;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	position: relative;
	z-index: 5;
}

.indexTitle.center .title1,
.indexTitle.center .title2 {
	text-align: center;
}

/* 磷都新闻 start */
.indexCloumn1 {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/indexBg1.jpg');
	padding: 134px 0 0;
}

.indexCloumn1Top {
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(0, 129, 213, .1);
	overflow: hidden;
}

.indexCloumn1Right {
	padding-top: 29px;
	overflow: hidden;
}

.indexTabList {
	overflow: hidden;
	margin: 0 -20px;
}

.indexTabList .item {
	float: left;
	display: inline;
}

.indexTabList dt.item {
	margin-left: 20px;
}

.indexTabList .con {
	border: 1px solid #999999;
	margin: 0 20px;
	min-width: 100px;
	font-size: 0;
	padding: 0 29px;
	text-align: center;
	border-radius: 27px;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

.indexTabList .con a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #999999;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	-webkit-transition: .3s linear;
	transition: .3s linear;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 12px;
}

.indexTabList dt .con a {
	padding-right: 27px;
	background-image: url('../images/arrowR1.png');
}

.indexTabList dt:hover .con a {
	background-image: url('../images/arrowR8.png');
}

.indexTabList .item:hover .con,
.indexTabList .item.hover .con {
	background-color: #0081d5;
	border-color: #0081d5;
}

.indexTabList .item:hover .con a,
.indexTabList .item.hover .con a {
	color: #fff;
}

.indexCloumn1Bottom {
	overflow: visible !important;
}

.indexCloumn1Bottom .indexC1SwiperCon {
	overflow: visible !important;
}

.indexC1Swiper {
	position: relative;
	padding: 88px 0 110px;
}

.indexC1Swiper .swiperCon {
	overflow: hidden;
	transition: all .3s;
	display: block;
	-webkit-transition: all .3s;
}

.indexC1Swiper .textBox {
	overflow: hidden;
	padding: 30px 20px 0;
	opacity: 0;
	transition: all .3s linear 0.3s;
	-webkit-transition: all .3s linear 0.3s;
	transform: translateY(100%);
	-webkit-transform: translateY(1005);
	position: relative;
}

.indexC1Swiper .date {
	margin-bottom: 24px;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #0081d5;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	border-radius: 15px;
	background-color: rgba(0, 129, 213, .1);
	padding: 0 18px;
}

.indexC1Swiper .title {
	margin-bottom: 20px;
}

.indexC1Swiper .title a {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	font-size: 24px;
	color: #0081d5;
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.indexC1Swiper .info {
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-size: 15px;
	color: #999999;
}

.indexC1Swiper .swiper-slide {
	position: relative;
}

.indexC1Swiper .swiper-slide-active .textBox {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.indexC1Swiper .swiper-slide:before {
	display: inline-block;
	content: "";
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #0081d5;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/moveCursor.png');
	cursor: pointer;
	background-size: auto 24px;
	z-index: 999;
	position: absolute;
	left: -55px;
	top: 118px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	transition: all .4s ease-in-out;
	-webkit-transition: all.4s ease-in-out;
}

.indexC1Swiper .swiper-slide.swiper-slide-active:hover:before {
	opacity: 1;
}

/* 磷都新闻 end */
/* 企业实力 start */
.indexCloumn2 {
	overflow: hidden;
	position: relative;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/indexBg2.jpg');
	padding: 84px 0 0;
}

.indexCloumn2 .indexTitle {
	margin-bottom: 50px;
}

.indexCloumn2Con {
	overflow: hidden;
}

.indexCloumn2Left {
	float: left;
	display: inline;
	width: 60.15625%;
	position: relative;
}

.indexCloumn2Left .playBtn {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background-position: top 144px center;
	background-repeat: no-repeat;
	background-size: auto 175px;
	background-image: url('../images/playBtn.png');
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

.indexCloumn2Left .playBtn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.indexCloumn2Slick {
	position: absolute;
	overflow: hidden;
	width: 79.2208%;
	background-color: #fff;
	left: 0;
	bottom: 0;
	z-index: 5;
	border-radius: 0 60px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 55px;
	padding-left: 26.2295%;
}

.indexCloumn2Slick .bd {
	padding: 30px 0 28px;
}

.indexCloumn2Slick .slick-dots {
	text-align: right;
	font-size: 0;
	position: absolute;
	right: 0;
	top: 43px;
}

.indexCloumn2Slick .slick-dots li {
	width: 10px;
	height: 10px;
	background-color: #cccccc;
	border-radius: 50%;
	margin: 0 0 0 18px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}

.indexCloumn2Slick .slick-dots li.slick-active {
	background: #0081d5;
}

.indexCloumn2Slick .title {
	font-size: 0;
	position: relative;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(153, 153, 153, .3);
	margin-bottom: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 40%;
}

.indexCloumn2Slick .title::before {
	display: block;
	content: '';
	width: 198px;
	height: 1px;
	background-color: #0081d5;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.indexCloumn2Slick .title a {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #0081d5;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}

.indexCloumn2Slick .info {
	font-size: 16px;
	color: #999999;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 20px;
}

.indexCloumn2Right {
	overflow: hidden;
}

.indexCloumn2List {
	overflow: hidden;
}

.indexCloumn2List dd {
	float: left;
	display: inline;
	width: 50%;
	position: relative;
}

.indexCloumn2List .con {
	display: block;
	overflow: hidden;
	position: relative;
}

.indexCloumn2List .pic::before {
	padding-top: 90.3394%;
}

.indexCloumn2List dd.dd2 .pic::before {
	padding-top: 90.8377%;
}

.indexCloumn2List .text {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 0 30px 24px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: left bottom;
	background-image: url('../images/maskBg2.png');
}

.indexCloumn2List .con .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 100%;
	z-index: 2;
	transition: all .3s ease-in-out;
	-webkit-transition: all.3s ease-in-out;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	background-image: url('../images/indexCloumn2ListBg.png');
}

.indexCloumn2List .title {
	color: #ffffff;
	font-size: 24px;
	line-height: 34px;
	max-height: 68px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.indexCloumn2List .info {
	color: #999999;
	font-size: 16px;
	line-height: 28px;
	max-height: 84px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	height: 0;
}

.indexCloumn2List .con:hover .text {
	background-image: none;
	padding: 50px 30px;
}

.indexCloumn2List .con:hover .bg {
	bottom: 0;
}

.indexCloumn2List .con:hover .title {
	margin-bottom: 38px;
	color: #333333;
}

.indexCloumn2List .con:hover .info {
	height: auto;
}

/* 企业实力 end */
/* ========== 首页 end ========== */
/* ========== 样式说明 start ========== */
/* 参观预约 start */
.makeVisitTop {
	position: fixed;
	width: 100%;
	z-index: 5;
	left: 0;
	top: 0;
	height: 55px;
	line-height: 55px;
	background-color: rgba(0, 0, 0, 0.1);
}

.makeVisitTopLogo {
	float: left;
	display: inline;
}

.makeVisitTopLogo a {
	display: block;
}

.makeVisitTopLogo a img {
	height: 30px;
}

.makeVisitTopR {
	float: right;
	display: inline;
}

.makeReturnIndex {
	float: right;
	display: inline;
	margin-left: 40px;
	position: relative;
}

.makeReturnIndex::before {
	display: block;
	content: "";
	width: 1px;
	height: 21px;
	background-color: rgba(255, 255, 255, .3);
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -11px;
}

.makeReturnIndex a {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	color: #ffffff;
	background: url("../images/homeBai.png") no-repeat left center;
}

.makeVisitTopR .time {
	overflow: hidden;
	font-size: 16px;
	color: #ffffff;
}

.makeVisitSeat {
	height: 600px;
	visibility: hidden;
	opacity: 0;
}

.makeVisitBoxC {
	background-color: #fff;
	padding: 40px 40px 60px;
	border-radius: 20px;
}

.makeVisitBoxC .title {
	margin-bottom: 50px;
	line-height: 50px;
	height: 50px;
	padding: 0 30px;
	font-size: 24px;
	color: #ffffff;
	background: url("../images/makeVisitTitleBg.png") no-repeat left center;
}

.makeVisitBoxC .title2 {
	margin-bottom: 35px;
}

.calendarBoxCon {
	padding: 0 80px;
	margin-bottom: 50px;
}

.calendarBoxCon .changeDate {
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-bottom: 40px;
}

.calendarBoxCon .changeDate .changeDateL {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0081d5;
	background-image: url("../images/dateArrowLeft.png");
	vertical-align: middle;
}

.calendarBoxCon .changeDate .changeDateR {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0081d5;
	background-image: url("../images/dateArrowRight.png");
	vertical-align: middle;
}

.calendarBoxCon .changeDate .changeDateText {
	display: inline-block;
	margin: 0 80px;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}

.calendarBoxCon .calendarBox {
	margin-bottom: 40px;
}

.calendarBoxTop {
	margin-bottom: 30px;
	overflow: hidden;
	margin-right: -30;
}

.calendarBoxTop dd {
	float: left;
	display: inline;
	width: 14.2857%;
}

.calendarBoxTop dd .con {
	text-align: center;
	border-radius: 5px;
	background-color: #f5f5f5;
	font-size: 18px;
	color: #0081d5;
	line-height: 40px;
	height: 40px;
	margin-right: 30px;
}

.calendarBoxBottom {
	overflow: hidden;
}

.calendarBoxBottom dd {
	float: left;
	display: inline;
	width: 14.2857%;
	margin-bottom: 20px;
}

.calendarBoxBottom dd .con {
	cursor: pointer;
	width: 145px;
	height: 80px;
	text-align: center;
	background-color: #ebeaea;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.calendarBoxBottom dd .con::before {
	display: none;
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/checkIcon.png") no-repeat center center;
}

.calendarBoxBottom dd .con .date {
	line-height: 34px;
	height: 34px;
	font-size: 24px;
	color: #999999;
}

.calendarBoxBottom dd .con .count {
	line-height: 26px;
	height: 26px;
	font-size: 15px;
	color: #ffffff;
	display: none;
}

.calendarBoxBottom dd .con.conLan {
	background-color: #e2f2ff;
}

.calendarBoxBottom dd .con.conBlue {
	background-color: #0081d5;
}

.calendarBoxBottom dd .con.conBlue::before {
	display: block;
}

.calendarBoxBottom dd .con.conBlue .date {
	color: #fff;
}

.calendarBoxBottom dd .con.conBlue .count {
	display: block;
}

.calendarBoxBottom dd .con.conRed {
	background-color: #c20911;
}

.calendarBoxBottom dd .con.conRed .date {
	color: #fff;
}

.calendarBoxBottom dd .con.conBai {
	background-color: unset;
}

.makeVisitTime {
	margin-bottom: 60px;
	display: none;
	padding-left: 25px;
}

.makeVisitTime.show {
	display: block;
}

.makeVisitTime .timeText {
	line-height: 80px;
	height: 80px;
	font-size: 24px;
	color: #333333;
	margin-right: 55px;
	float: left;
	display: inline;
}

.makeVisitTimeList {
	overflow: hidden;
	margin-right: -40px;
}

.makeVisitTimeList dd {
	float: left;
	display: inline;
}

.makeVisitTimeList dd .con {
	cursor: pointer;
	width: 145px;
	height: 80px;
	text-align: center;
	background-color: #ebeaea;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 40px;
	font-size: 18px;
	color: #999999;
	position: relative;
}

.makeVisitTimeList dd.active .con {
	background-color: #0081d5;
	color: #fff;
}

.makeVisitTimeList dd .con::before {
	display: none;
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/checkIcon.png") no-repeat center center;
}

.makeVisitTimeList dd.active .con::before {
	display: block;
}

.makeVisitTimeList dd .con span {
	display: block;
	line-height: 22px;
}

.makeVisitTimeList dd .con span.span1 {
	font-size: 24px;
	line-height: 33px;
}

.makeVisitColor {
	text-align: center;
}

.makeVisitColor .item {
	display: inline-block;
	margin: 0 20px;
	overflow: hidden;
}

.makeVisitColor .item .colorCon {
	width: 100px;
	height: 40px;
	border-radius: 5px;
	float: left;
	display: inline;
	margin-right: 20px;
}

.makeVisitColor .item.item1 .colorCon {
	background-color: #c20911;
}

.makeVisitColor .item.item2 .colorCon {
	background-color: #0081d5;
}

.makeVisitColor .item.item3 .colorCon {
	background-color: #daf1ff;
}

.makeVisitColor .item.item4 .colorCon {
	background-color: #ebeaea;
}

.makeVisitColor .item .colorText {
	text-align: center;
	overflow: hidden;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	color: #333333;
}

.makeVisitForm {
	margin-bottom: 30px;
	margin-right: -40px;
}

.makeVisitForm .item {
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 20px;
}

.makeVisitForm .item .con {
	margin-right: 40px;
	padding: 0 30px;
	background-color: #fafafa;
}

.makeVisitForm .item .con .lable {
	float: left;
	display: inline;
	width: 70px;
	line-height: 60px;
	height: 60px;
	font-size: 18px;
	color: #333333;
}

.makeVisitForm .item.itemYzm .con {
	overflow: hidden;
}

.makeVisitForm .item.itemYzm .yzm {
	float: right;
	display: inline;
	width: 160px;
	height: 60px;
	margin: 0 40px 0 20px;
	cursor: pointer;
}

.makeVisitForm .item.itemYzm .yzm img {
	display: block;
	width: 100%;
	height: 100%;
}

.makeVisitForm .item.itemYzm .lable {
	width: 90px;
}

.makeVisitForm .item.itemYzm .input {
	margin-left: 95px;
}

.makeVisitForm .item .con .lable span {
	color: #cb2f36;
	margin-right: 5px;
}

.makeVisitForm .item .input {
	margin-left: 75px;
}

.makeVisitForm .item .input input {
	line-height: 60px;
	height: 60px;
	font-size: 18px;
	color: #333333;
	min-height: 60px;
	background: none;
	border: none;
	width: 100%;
}

.makeVisitForm .item .textarea {
	margin-left: 75px;
}

.makeVisitForm .item .textarea textarea {
	line-height: 30px;
	height: 190px;
	font-size: 18px;
	color: #333333;
	min-height: 60px;
	background: none;
	border: none;
	width: 100%;
	padding: 15px 0;
}

.makeVisitForm .item.itemFile .con {
	padding: 22px 20px 40px;
}

.makeVisitForm .item.itemFile .con .upLoadfile {
	line-height: 35px;
	height: 35px;
	margin-bottom: 8px;
}

.makeVisitForm .item.itemFile .con .upLoadfile a {
	display: inline-block;
	background-color: #0081d5;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	padding: 0 10px;
}

.makeVisitForm .webuploader-pick {
	background: none;
	vertical-align: middle;
}

.makeVisitForm .item.itemFile .con .text {
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	color: #666666;
}

.makeVisitFormBtn {
	text-align: center;
}

.makeVisitFormBtn .item {
	display: inline-block;
	margin: 0 30px;
}

.makeVisitFormBtn .item a {
	display: block;
	width: 260px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	background-color: #0081d5;
	font-size: 24px;
	color: #ffffff;
}

.makeVisitFormBtn .item.item2 a {
	background-color: #cccccc;
}

.makeVisitModalBg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 6;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
}

.makeVisitModalBg.active {
	visibility: visible;
	opacity: 1;
}

.makeVisitModal {
	transform: scale(0.5) translate(-50%, -50%);
	-webkit-transform: scale(0.5) translate(-50%, -50%);
	transform-origin: 0 0;
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #fff;
	padding: 0 60px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1440px;
	z-index: 7;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 15px;
}

.makeVisitModal.active {
	transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
}

.makeVisitModal .title {
	line-height: 50px;
	height: 50px;
	padding: 30px 0;
	font-size: 30px;
	color: #333333;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
}

.makeVisitModal .info {
	padding: 30px 0;
}

.makeVisitModal .info .infoC {
	line-height: 30px;
	height: 450px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 16px;
	color: #999999;
}

.makeVisitModal .info .infoC::-webkit-scrollbar {
	width: 4px;
	background: #eaeff2;
}

.makeVisitModal .info .infoC::-webkit-scrollbar-thumb {
	width: 4px;
	background: #0081d5;
	border-radius: 4px;
}

.makeVisitModal .info .infoC span {
	font-size: 18px;
	color: #333333;
}

.makeVisitSure {
	text-align: center;
}

.makeVisitSure a {
	display: inline-block;
	padding: 0 125px;
	line-height: 60px;
	height: 60px;
	border-radius: 10px;
	background-color: #0081d5;
	font-size: 24px;
	color: #ffffff;
}

/* 参观预约 end */
/* ========== 样式说明 end ========== */